﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="guardian.aspx.cs" Inherits="guardian" %>

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">
<head runat="server">
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />

    <title>Tagger</title>
    <link rel="icon" type="image/ico" href="resources/images/favicon.ico" />
    <link rel="shortcut icon" href="resources/images/favicon.ico" />


    <link href="js/external/bootstrap/css/bootstrap.css" rel="stylesheet" />
    <link href="js/external/bootstrap/css/sticky-footer-navbar.css" rel="stylesheet" />

    <link href="css/default.css" rel="stylesheet" />
    <link href="css/bootstraphack.css" rel="stylesheet" />
    

    <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
      <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
    <![endif]-->

</head>
<body>
    <div id="wrap">

      <!-- Fixed navbar -->
      <div class="navbar navbar-default" role="navigation">
        <div class="container">
          <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
              <span class="sr-only">Toggle navigation</span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
              <span class="icon-bar"></span>
            </button>
            <img src="resources/images/Tagger%20logo_144x144px.png" class="left pull-left" />
            <%--<a class="navbar-brand" href="#">Project name</a>--%>
          </div>
          <div class="collapse navbar-collapse">
            <ul class="nav navbar-nav">
              <li><a href="search.aspx">Search</a></li>
              <li><a href="#about">Manage Student</a></li>
              <li><a href="#contact">Manage Guardian</a></li>
              <li><a href="#contact">Log Out</a></li>
            </ul>
          </div><!--/.nav-collapse -->
        </div>
      </div>

      <!-- Begin page content -->
      <div class="container">
        <div class="page-header">
          <h1>Guardian Registration</h1>
        </div>
        <p class="lead">All are required fields</p> 

        <div>
            <div class="row-fluid">
                <form role="form">
                  <div class="form-group">
                    <label for="lastName">Last Name</label>
                    <input type="text" class="form-control input-width-md" id="last_name" placeholder="">
                  </div>
                  <div class="form-group">
                    <label for="firstName">First Name</label>
                    <input type="text" class="form-control input-width-md" id="first_name" placeholder="">
                  </div>
                  <div class="form-group">
                    <label for="middleName">Middle Name</label>
                    <input type="text" class="form-control input-width-md" id="middle_name" placeholder="">
                  </div>
                  <div class="form-group">
                    <label for="address">Address</label>
                    <input type="text" class="form-control" id="address" placeholder="">
                  </div>
                  <div class="form-group">
                    <label for="age">Age</label>
                    <input type="text" class="form-control input-width-sm" id="age" placeholder="">
                  </div>
                  <div class="form-group">
                    <label for="birthday">Birthday</label>
                    <input type="date" class="form-control input-width-sm" id="birthday" placeholder="">
                  </div>               
                  <div class="form-group">
                    <label for="gender">Gender</label>
                    <input type="text" class="form-control input-width-sm" id="gender" placeholder="">
                  </div>  
                  <div class="row">
                      <div class="col-md-6">
                          <div>
                              <button type="button" class="btn btn-primary">Submit</button>
                              <button type="button" class="btn btn-primary">Reset</button>
                          </div>
                      </div> 
                  </div>  
                   
                </form>                                                              
            </div>
        </div>

      </div>
    </div>
    <!-- Begin page content -->
    <div id="footer">
      <div class="container">
        <p class="text-muted">Place sticky footer content here.</p>
      </div>
    </div>

    <script type="text/javascript" src="js/external/utilities/jquery.2.1.1.min.js"></script>
    <script type="text/javascript" src="js/external/json2.js"></script>
    <script type="text/javascript" src="js/external/bootstrap/js/bootstrap.min.js"></script>
    
    <script type="text/javascript" src="js/ajaxfunctions/ajaxfunctions.js"></script>

    <script type="text/javascript" src="js/standardstyler.js"></script>
    <script type="text/javascript" src="js/default.js"></script>

    <script type="text/javascript">
        jQuery.noConflict();
    </script>
</body>
</html>
